@use "_font";

$headings: h1, h2, h3, h4, h5, h6;

.quarkdown {
  #{$headings} {
    color: var(--qd-heading-color);
    margin: var(--qd-heading-margin);
    text-transform: none !important;
    @include font.global-font-family($kind: "heading");
  }

  &.quarkdown-slides section > :is(#{$headings}):first-child {
    margin-top: 0;
  }

  div.marker {
    display: none;
  }
}